<!--配电变压器-->
<div class="container-fluid">
    <!--查询区域-->
    <div class="row ikg-row">
        <div class="col-sm-12 ikg-col">
            <div class="panel panel-default ikg-panel">
                <div class="panel-body">
                    <div class="col-lg-4">
                        <div class="input-group">
                            <label class="input-group-addon ikg-font-12">台区名称:</label>
                            <select class="form-control select2-container ikg-select"
                                    data-bind="options:tgOpts,
                                            optionsText:'tg_name',
                                            optionsValue:'tg_id',
                                            value:fixedTgId,
                                            optionsCaption:'请选择台区'">
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <button type="button" id="btn_query" class="btn btn-success btn-sm"
                                data-bind="click:fnSearch">
                            <i class="fa fa-search fa-lg"></i><span class="hidden-xs hidden-sm"> 查询</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--工具栏-->
    <div class="row ikg-row">
        <div class="col-sm-12 ikg-col">
            <div id="toolbar" class="btn-group">
                <button type="button" class="btn btn-success btn-md" data-bind="click:fnRemove">
                    <i class="fa fa-trash fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 删除</span>
                </button>
                <!--<button type="button" class="btn btn-success btn-md" data-bind="click:fnEdit">-->
                <!--<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i><span-->
                <!--class="hidden-sm hidden-xs"> 编辑</span>-->
                <!--</button>-->
                <!--<button type="button" class="btn btn-success btn-md" data-bind="click:fnView">-->
                <!--<i class="fa fa-file-text fa-lg" aria-hidden="true"></i><span class="hidden-sm hidden-xs"> 查看</span>-->
                <!--</button>-->
                <button type="button" class="btn btn-success btn-md" data-bind="click:fnCal">
                    <i class="fa fa-calculator fa-lg" aria-hidden="true"></i><span
                        class="hidden-sm hidden-xs"> 计算</span>
                </button>
            </div>
        </div>
    </div>
    <!--列表区域-->
    <div class="row ikg-row">
        <div class="col-sm-12 ikg-col table-responsive">
            <table data-bind="tableView:tableViewModel" class="table text-nowrap"></table>
        </div>
    </div>
</div>
<div id="tranDetailDialog" class="modal hide" tabindex="-1" role="dialog"
     data-bind="template:{name:'tranTemplate',data:tranViewEditModel},ikgModal:{backdrop:'static',keyboard:false,show:editModelVisible}"></div>
<div id="calculateProgressDlg" class="modal hide" tabindex="-1" role="dialog"
     data-bind="template:{name:'calProgressTemplate',data:calProgressModel},ikgModal:{backdrop:'static',keyboard:false,show:cpModelVisible}"></div>
<script id="tranTemplate" type="text/html">

</script>
<script id="calProgressTemplate" type="text/html">
    <div class="modal-dialog" style="width: 660px" role="document">
        <div class="modal-content">
            <div class="modal-header ikg-modal-header" id="modalHeader">
                <button type="button" class="close ikg-close" data-bind="click: close">&times;</button>
                <span class="modal-title ikg-modal-title" data-bind="text:title"></span>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <form id="calInfoForm" class="form-horizontal" autocomplete="off">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">台区电网结构参数：</label>
                                <div class="col-sm-9">
                                    <label class="radio-inline">
                                        <input type="radio" name="tgStructureOptions" value="3.5" data-bind="checked:tgStructure" checked> 三相四线（默认）
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="tgStructureOptions" value="3" data-bind="checked:tgStructure"> 三相三线
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">台区负荷类型：</label>
                                <div class="col-sm-9">
                                    <label class="radio-inline">
                                        <input type="radio" name="tgTypeOptions" value="0" data-bind="checked:tgType"> 纯工业负荷
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="tgTypeOptions" value="1" data-bind="checked:tgType" checked> 纯农业负荷
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="tgTypeOptions" value="2" data-bind="checked:tgType"> 混合负荷
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="avgVolt" class="col-sm-3 control-label">线电压（kV）:</label>
                                <div class="col-sm-3">
                                    <input type="number" class="form-control" name="avgVolt" id="avgVolt" placeholder="0.38"
                                           step="0.01" min="0.01" data-bind="value:avgVolt">
                                </div>
                                <label class="col-sm-3 control-label">相电压（kV）:</label>
                                <div class="col-sm-3">
                                    <input type="number" class="form-control" name="consVolt" id="consVolt" placeholder="0.22"
                                           step="0.01" min="0.01" data-bind="value:consVolt">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">进户线平均长度（km）:</label>
                                <div class="col-sm-3">
                                    <input type="number" class="form-control" name="avgLength" id="avgLength" placeholder="10"
                                           step="0.1" min="0.01" data-bind="value:avgLength">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">时间范围（H）:</label>
                                <div class="col-sm-9">
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="24" data-bind="checked:dataRange" checked> 24（默认）
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="1" data-bind="checked:dataRange"> 1
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="3" data-bind="checked:dataRange"> 3
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="6" data-bind="checked:dataRange"> 6
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="9" data-bind="checked:dataRange"> 9
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="12" data-bind="checked:dataRange"> 12
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="dataRangeOptions" value="0" data-bind="checked:dataRange">
                                        <input type="number" placeholder="其他" step="0.01" min="0.01" data-bind="value:otherVal">
                                    </label>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="panel panel-success">
                                <div class="panel-heading">计算日志</div>
                                <div class="panel-body">
                                    <textarea class="form-control ikg-textarea-12" rows="12" data-bind="text:processMsg,enable:false"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" id="modalFooter">
                <button type="button" class="btn btn-success ikg-btn-12" data-bind="click:calculate,enable:isEnabled">
                    <i class="fa fa-calculator fa-lg"></i> 计算
                </button>
                <button type="button" class="btn btn-default ikg-btn-12" data-bind="click:close">
                    <i class="fa fa-close fa-lg"></i> 关闭
                </button>
            </div>
        </div>
    </div>
</script>